有時候已經調整完程式的CSS/JS檔,或是置換了新的圖片上去,
在自己本機環境測試也都OK了,
但將程式更新到客戶的主機後,卻會遇到客戶反映檔案未更新的問題,
這是因為瀏覽器將這些檔案CHCHE住了,
即便更新後,瀏覽器仍然使用快取資料,這樣會造成一些困擾。
除了請客戶清除瀏覽器快取以外,
可以在檔案URL的後方加上參數,讓瀏覽器辨認出檔案已有修改,
就會重新向伺服器要求下載新檔案,如此一來做完更新後,
客戶端就可以即時看到更改後的檔案了~
假設原本有在網頁中置入一張圖片:
<img src="~/test/background.jpg" style="height: 100vh;width: 100vw;" />
現在更新了圖檔,但檔案名稱仍為background.jpg時,
只要在圖檔名稱後方加上參數:
<img src="~/test/background.jpg?ver=20221108" style="height: 100vh;width: 100vw;" />
這樣就可以防止圖片被瀏覽器CACHE住了,同理CSS/JS檔也可以這樣操作:
<link type="text/css" rel="stylesheet" href="testCss.css?ver=20221108">
<script src="~/test/testJs.js?ver=20221108"></script>